<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<!-- 
<head th:include="fragment/common :: headerFragment">
 -->
<head>
<link rel="stylesheet"
	th:href="@{/webjars/bootstrap/2.3.2/css/bootstrap.min.css}" />

<link rel="stylesheet"
	th:href="@{/webjars/bootstrap/2.3.2/css/bootstrap-responsive.min.css}" />


<link rel="stylesheet"
	th:href="@{/webjars/font-awesome/4.0.0/css/font-awesome.min.css}" />

<style>
body {
	padding-top: 60px;
	/* 60px to make the container go all the way to the bottom of the topbar */
}

.navbar-custom1 .navbar-inner {
	background-color: #DD2222;
	background-image: none;
}

.navbar-custom1 .dropdown-menu {
	background-clip: padding-box;
	background-color: red;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	left: 0;
	list-style: none outside none;
	margin: 2px 0 0;
	min-width: 160px;
	padding: 5px 0;
	position: absolute;
	top: 100%;
	z-index: 1000;
}

.navbar-custom1 .btn-group.open .btn.dropdown-toggle {
	background-color: red;
}

.navbar-custom1 .btn-group.open .btn.dropdown-toggle {
	background-color: lime;
}

.navbar-custom1  .nav li.dropdown.open>.dropdown-toggle,.navbar-custom1  .nav li.dropdown.active>.dropdown-toggle,.navbar-custom1  .nav li.dropdown.open.active>.dropdown-toggle
	{
	color: white;
	background-color: Teal;
}

.navbar-custom1  .nav>li>a {
	color: white;
	float: none;
	padding: 10px 15px;
	text-decoration: none;
	text-shadow: 0 0px 0 #ffffff;
}

.navbar-custom1  .brand {
	display: block;
	float: left;
	padding: 10px 20px 10px;
	margin-left: -20px;
	font-size: 20px;
	font-weight: 200;
	color: white;
	text-shadow: 0 0px 0 #ffffff;
}

.navbar-custom1 .nav>li>a:focus,.navbar-custom1 .nav>li>a:hover {
	color: white;
	text-decoration: none;
	background-color: transparent;
}

.navbar-custom1 .navbar-text {
	margin-bottom: 0;
	line-height: 40px;
	color: white;
}

.navbar-custom1 .dropdown-menu li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	color: white;
	white-space: nowrap;
}

.navbar-custom1 .navbar-link {
	color: white;
}

.navbar-custom1 .navbar-link:hover {
	color: white;
}
</style>



</head>
<body>

	<div class="navbar navbar-fixed-top navbar-custom1">
		<div class="navbar-inner">
			<div class="container">
				<button type="button" class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="brand pull-left" href="#">XYZ</a>
				<div class="nav-collapse collapse">
					<ul class="nav pull-right">

						<li><a href="#about"><i class="fa fa-book"></i>  Documentation</a></li>
						<li><a href="#contact"><i class="fa fa-phone"></i>Contact</a></li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>






	<div id="wrap">
		<div class="container">
			<div class="row">
				<div class="span3 hidden-phone"></div>
				<div class="span6" id="form-login" >
					<form class="form-horizontal well" action="j_spring_security_check" method="post">
											
					
						<fieldset>
							<legend>Login Form</legend>
							
							<div class="alert alert-error" th:if="${loginError}">
    							<i class="fa fa-exclamation-triangle"></i> Invalid user name / password.
    						</div>
							
							
							
							<div class="control-group">
								<div class="control-label">
									<label>User Name / Email</label>
								</div>
								<div class="controls">
									<input type="text" placeholder="Enter your email" name="j_username"
										class="input-large" />
								</div>
							</div>

							<div class="control-group">
								<div class="control-label">
									<label>Password</label>
								</div>
								<div class="controls">
									<input type="password" placeholder="Enter your password" name="j_password" 
										class="input-large" />

									<!-- Help-block example -->
									<!-- <span class="help-block">Example block-level help text here.</span> -->
								</div>
							</div>

							<div class="control-group">
								<div class="controls">

									<button type="submit" id="submit"
										class="btn btn-primary button-loading"
										data-loading-text="Loading...">Sign in</button>

									<button type="button" class="btn btn-secondary button-loading"
										data-loading-text="Loading...">Forgot Password</button>

								</div>
							</div>
						</fieldset>
					</form>



				</div>
				<div class="span3 hidden-phone"></div>
			</div>
		</div>
		<div id="push"></div>
	</div>









</body>
</html>